<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>p.m.works China</title>    
	<meta name="keywords" content="p.m.works，广州午后音乐，动漫，动漫音乐，动漫歌曲，二次元，fripSide，八木沼悟志，音乐，广州，上海，北京，重庆，新人歌手选秀，海选，日本动漫">    
	<meta name="description" content="p.m.works China（广州午后音乐制作有限公司）是日本著名动漫游戏音乐人、著名音乐组合fripSide创始成员兼制作人——八木沼悟志在中国广州正式成立的全新音乐品牌。以培育可用中日双语活跃于动漫游戏音乐节的新世代Anisong Singer为目标，在国内四地举办新人歌手选秀大会。">
  <link rel="stylesheet" type="text/css" href="css/moduo.css"/>
  <link rel="stylesheet" href="dist/zoomify.min.css">
	<script>
      //声明_czc对象:
      var _czc = _czc || [];
      //绑定siteid，请用您的siteid替换下方"XXXXXXXX"部分
      _czc.push(["_setAccount", "1263570717"]);
    </script>
</head>
<body>
<div id="app">
  <div class="header">
    <img class="topImg" src="images/top.jpg" alt="">
  </div>
  <!-------------------个人介绍-------------------->
  <div class="introduce">
    <div class="top">
      <span>日本著名动漫游戏音乐人、著名音乐组合<a href="http://fripSide.net/" target="_blank">fripSide</a>创始成员兼制作人——八木沼悟志在中国广州正式成立全新音乐品牌“p.m.works CHINA”，以培育可用中日双语活跃于动漫游戏音乐节的新世代的Anisong Singer为目标，国内四地举办新人歌手选秀大会。</span>
    </div>
    <div class="moduleTitle">
      <span>宣传视频</span>
      <div class="smallBox">
        <div class="line"></div>
        <div class="triangle-down"></div>
      </div>
    </div>
    <video id="video" style="display: block;margin: 0 auto 30px" width="600" height="600*1080/1920" poster="images/video_first.png" autoplay controls>
      <source src="video/publish.mp4" type="video/mp4">
    </video>
    <div class="moduleTitle">
      <span>评审员</span>
      <div class="smallBox">
        <div class="line"></div>
        <div class="triangle-down"></div>
      </div>
    </div>
    <div class="judge">
      <img src="images/head.jpg" alt="">
      <span class="title">八木沼悟志<a onclick="zoomPic(0)">(代表作品)</a><br>Profile</span>
      <div class="divider"></div>
      <span class="content">日本、乃至世界范围内著名的动画游戏音乐创作人的代表性人物。
        <br>亲自担当其本人与主唱南条爱乃组成的音乐组合<a href="http://fripSide.net/" target="_blank">fripSide</a>的制作人。
        <br>音乐制作公司<a href="http://pm-works.jp/" target="_blank">p.m.works株式会社</a> ( 日本·东京 )董事长。
        <br>由其包办作词、作曲、编曲、制作的音乐组合<a href="http://fripSide.net/" target="_blank">fripSide</a>于2009年发布的TV动画《某科学的超电磁炮》的OP《only my railgun》在全世界范围引发社会现象，在日本NHK电视台2017年发表的“日本动画歌曲BEST100”排行中力压名作动画的主题曲，被选为第6位。 
       <br>2013年<a href="http://fripSide.net/" target="_blank">fripSide</a>的《sister's noise》获得日本公信榜周榜第一名
        2015年、2017年两次日本全国巡回演唱会场场满员，动员观众数万人。<br>
        同时是音乐组合ALTIMA的音乐制作人。<br>
        另外，以个人名义创作了RO-KYU-BU的话题之作《SHOOT！》《Get Goal！》<br>
        为KOTOKO创作了近年来的代表作《→unfinished→》等名曲。
        <!-- only my railgun / fripSide（作词・作曲・编曲　2009年)<br>
TV动画『某科学的超电磁炮』前期主题曲<br>
LEVEL5 -judgelight- / fripSide（作词・作曲・编曲　2010年)<br>
TV动画『某科学的超电磁炮』后期主题曲<br>
Heaven is a Place on Earth / fripSide（作词・作曲・编曲　2010年)<br>
动画电影『剧场版 旋风管家! HEAVEN IS A PLACE ON EARTH』主题歌<br>
SHOOT! / RO-KYU-BU!（作曲・编曲　2011年)<br>
TV动画『萝球社!』片头曲<br>
I'll believe / ALTIMA（作曲・编曲　2011年)<br>
TV动画『灼眼的夏娜III-FINAL-』前期主题曲<br>
ONE / ALTIMA（作曲・编曲　2011年)<br>
TV动画『灼眼的夏娜III-FINAL-』后期主题曲<br>
→unfinished→　/　KOTOKO（作曲・编曲　2012年)<br>
TV动画『加速世界』前期主题曲<br>
Burst the Gravity / ALTIMA（作曲・编曲　2012年)<br>
TV动画『加速世界』后期主题曲<br>
sister's noise / fripSide（作词・作曲・编曲　2013年)<br>
TV动画『某科学的超电磁炮S』前期主题曲<br>
Get goal! / RO-KYU-BU!（作曲・編曲　2013年)<br>
TV动画『萝球社!SS』片头曲<br>
eternal reality / fripSide（作曲（共同创作）・作词・编曲　2013年）<br>
TV动画『某科学的超电磁炮S』后期主题曲<br>
black bullet / fripSide（作词・作曲・编曲　2014年)<br>
TV动画『漆黑的子弹』片头曲<br>
Fight 4 Real / ALTIMA（作曲・编曲　2014年)<br>
TV动画『噬血狂袭』片头曲<br>
Luminize / fripSide（作词・作曲・编曲　2015年)<br>
TV动画『未来卡 搭档对战100』片头曲<br>
Two souls -toward the truth- / fripSide（作词・作曲・编曲　2015年)<br>
TV动画『终结的炽天使 名古屋决战篇』片头曲<br>
white forces / fripSide（作词・作曲・编曲　2016年)<br>
TV动画『黑之宣告』片头曲<br>
The end of escape / fripSide x angela（作词・作曲・编曲　2016年)<br>
TV动画系列「亚人」第2季后期片头曲<br>
clockwork planet / fripSide（作词・作曲・编曲　2017年)<br>
TV动画「时钟机关之星」片头曲<br> -->

      </span>
    </div>
    <div class="judge">
      <img src="images/head2.jpeg" alt="">
      <span class="title">安部芳敏<br>Profile</span>
      <div class="divider"></div>
      <span class="content">
        有限会社three nine entertainment董事长。<br>
        担当了fripSide、ALTIMA、KOTOKO、JAM Project、I've等等组合与歌手的演唱会制作以及管理。
      </span>
    </div>
    <div class="judge">
      <img src="images/head3.jpeg" alt="">
      <span class="title">川崎海<a onclick="zoomPic(1)">(代表作品)</a><br>Profile</span>
      <div class="divider"></div>
      <span class="content">
        出生于1980年7月10日，出身于日本神奈川县横滨市。个人爱好是户外运动。<br>
        作为作编曲家以及DJ自2003年展开活动。2010年加入p.m.works,Inc。<br>
        擅长制作融入了Club music元素的电子系J-pop歌曲。<br>
        作为fripSide的音源师和DJ也十分活跃。<br>
<!-- No.1～Your Lady～ / MAX（作曲・编曲　2007年)<br>
It’s Your Time / FLAME（作曲・编曲　2007年)<br>
sword of virgin / fripSide（作曲・编曲　2012年)<br>
PC游戏「恋剣乙女」OP主题歌<br>
Kiss&Cry （作曲・编曲　2013年)<br>
TV动画「BROTHERS CONFLICT」角色歌<br>
ずっと一緒（编曲　2014年)<br>
TV动画「请问你要来点兔子吗？」角色歌<br>
glow in the darkness / fripSide（作曲・编曲　2014年)<br>
PC游戏「南十字星恋歌」OP主题歌<br>
Stand by Dreams（作曲・编曲　2015年)<br>
TV动画「スタミュ」（高校星歌剧）插曲<br>
ラブ×タイムソルジャー～未来と君を行き交う戦士～ / Luce Twinkle <br>Wink☆（作曲・编曲　2016年)<br> -->

      </span>
    </div>
    <div class="judge">
      <img src="images/head4.jpeg" alt="">
      <span class="title">斋藤真也<a onclick="zoomPic(2)">(代表作品)</a><br>Profile</span>
      <div class="divider"></div>
      <span class="content">
      出生于1976年10月1日，出身于日本东京都杉並区。个人爱好是电脑编程和品尝甜品。<br>
      2003年开始作为作编曲家进行活动。<br>
      他经手的不仅电子系J-pop，电子摇滚到抒情曲都有一定程度的好评，可谓是代表了日本的作编曲家、音乐制作人。<br>
      他细腻的编曲以及完美的作品质量把控受到了高度的评价。<br>
      <!-- Believe / 玉置成実（编曲 2003年)<br>
TV动画『机动战士高达SEED』3rd  片头曲<br>
Faze to love / 橋本みゆき（作曲・编曲 2005年)<br>
TV动画『高机动幻想GPO』片头曲<br>
少女迷路でつかまえて / 美郷あき（作曲・编曲 2006年)<br>
TV动画『惊爆草莓』前期片头曲<br>
空色デイズ / 中川翔子（作曲・编曲 2007年)<br>
TV动画『天元突破红莲螺岩』（天元突破红莲螺岩）片头曲<br>
unripe hero / 栗林みな実（作曲・编曲 2008年)<br>
TV动画『苍色骑士』后期片头曲<br>
rainbow forecast / 中川翔子（作曲・编曲 2009年)<br>
映画「くもり ときどきミートボール」日语版主题曲<br>
紋（しるし) / 喜多村英梨（编曲 2011年)<br>
TV动画『c3魔方少女』後期片头曲<br>
B-Bird / earthmind（作曲・编曲 2011年)<br>
TV动画『机动战士高达UC episode 4』「在重力的井底」片尾曲<br>
Love Brick / 水樹奈々（作曲・编曲 2012年)<br>
电视剧『双面少女!!』主题曲<br>
あるこう / 中川翔子（编曲 2013年)<br>
TV动画『故乡重现 日本的古老传说』片尾曲<br>
Zoetrope / やなぎなぎ（作曲・编曲 2013年)<br>
TV动画『AMNESIA』片头曲<br>
ENERGY / earthmind（作曲・编曲 2013年)<br>
TV动画『Vividred Operation』片头曲<br>
イノセント / earthmind（作曲・编曲 2013年)<br>
TV动画『伽利略少女』片尾曲<br>
Butterfly Core / VALSHE（编曲 2013年)<br>
TV动画『名侦探柯南』37代目片头曲<br>
トコハナ / やなぎなぎ（作曲・编曲 2014年)<br>
TV动画『漆黑的子弹』片尾曲<br>
eternal eternity / セーラーウラヌス(CV.皆川純子)<br>×セーラーネプチューン(CV.大原さやか)（作曲・编曲 2016年)<br>
TV动画「美少女战士Sailor MoonCrystal」第3期＜Death <br>Busters篇＞片尾曲<br>
消えない宙（そら) / 昆夏美（作曲・编曲 2016年)<br>
剧场版动画『剧场版 银河机攻队Majestic Prince 觉醒的基因』主题曲<br>
コノ手デ / 暁月凛（编曲 2017年)<br>
TV动画「青之驱魔师 京都不净王篇」片尾曲<br>
及其他更多 -->


      </span>
    </div>
  </div>
  <div class="different">
    <div class="curren_content">
      <div class="imgDiv">
        <img src="images/current_content.png" alt="">
        <a class="click1" onclick="showList(1)"></a>
        <a class="click2" onclick="showList(2)"></a>
      </div>
    </div>

    <div class="white">
      <div class="moduleTitle">
        <span>News</span>
        <div class="smallBox">
          <div class="line"></div>
          <div class="triangle-down"></div>
        </div>
      </div>
      <div class="condition" style="width:70%">
        <div class="table">
          <div class="tableScroll">
            <table>
              <tr>
                <td>
                  <a href="http://weibo.com/6388566050/G29h9j9BF" target="_blank">2018/02/08&nbsp;&nbsp;&nbsp;重庆赛区情报公开
                  </a>
                </td>
              </tr>
              <tr>
                <td>
                  <a href="https://weibo.com/ttarticle/p/show?id=2309404203402723735621" target="_blank">2018/02/03&nbsp;&nbsp;&nbsp;八木沼悟志动漫歌姬选秀Q&A
                  </a>
                </td>
              </tr>
              <tr>
                <td>
                  <a href="http://weibo.com/6388566050/G1hhxcAKE" target="_blank">2018/02/02&nbsp;&nbsp;&nbsp;重庆、北京赛区报名再次开放
                  </a>
                </td>
              </tr>
              <tr>
                <td>
                  <a>2018/01/20&nbsp;&nbsp;&nbsp;新人歌手选秀大赛报名截止
                  </a>
                </td>
              </tr>
              <tr>
                <td>
                  <a href="http://weibo.com/6388566050/FEXlNCL8n" target="_blank">2018/01/18&nbsp;&nbsp;&nbsp;赞助商1MORE万魔耳机
                  </a>
                </td>
              </tr>
              <tr>
                <td>
                  <a href="https://weibo.com/1271438782/FCPjZ1Z8a?type=comment#_rnd1517649818490" target="_blank">2018/01/04&nbsp;&nbsp;&nbsp;广州赛区情报公开
                  </a>
                </td>
              </tr>
              <tr>
                <td>
                  <a href="https://www.panda.tv/hds/asa2017.html" target="_blank">2018/01/04&nbsp;&nbsp;&nbsp;熊猫TV与新人歌手选秀大赛展开深度合作
                  </a>
                </td>
              </tr>
              <tr>
                <td>
                  <a href="https://weibo.com/ttarticle/p/show?id=2309404171154079229896" target="_blank">2017/11/06&nbsp;&nbsp;&nbsp;中国动漫歌手补完计划！平凡人成就大梦想！
                  </a>
                </td>
              </tr>
              <tr>
                <td>
                  <a>2017/10/18&nbsp;&nbsp;&nbsp;下一代动漫歌姬在此诞生！八木沼悟志新人歌手选秀详细情报！
                  </a>
                </td>
              </tr>
              <tr>
                <td>
                  <a>2017/07/28&nbsp;&nbsp;&nbsp;中国广州2017麽多动漫游戏影视嘉年华上公举办中国4大都市新人歌手选秀
                  </a>
                </td>
              </tr>
              <tr>
                <td>
                  <a>2017/07/28&nbsp;&nbsp;&nbsp;p.m.works CHINA(广州午后音乐创作有限公司·广东省广州市)成立
                  </a>
                </td>
              </tr>
        </table>
          </div>
          
        </div>
        
      </div>
    </div>

    <div class="white">
      <div class="moduleTitle">
        <span>报名方式</span>
        <div class="smallBox">
          <div class="line"></div>
          <div class="triangle-down"></div>
        </div>
      </div>
      <div class="condition attendWay">
        <div class="attendLeft">
          <span class="labelTag" style="width: auto">
            报名表格下载
          </span>
          <a class="click" href="http://www.pm-works.cn/downloads/signup.doc" onClick="_czc.push(['_trackEvent', '报名表', '下载', '次数','1','1263570717'])">
            click
          </a>
          <span class="labelTag">
            请将填写好的报名表、本人照片、歌唱视频发送到：<br>
            <a href="mailto:pmworks@foxmail.com?subject=报名表&body=请发送您的报名表格。">pmworks@foxmail.com
            </a>
            进行报名。
          </span>
          <span class="labelTag">
            全国报名咨询热线 : <h4>020-87562998</h4><br>
            客服值班时间：<h4>10:00-18:00</h4>
          </span>
        </div>
        <div class="attendRight">
          <img src="images/logo/weibo_code.png" alt="">
          <span>@PMworks动漫歌姬选秀</span>
        </div>
      </div>
    </div>
    <div class="white">
      <div class="moduleTitle">
        <span>独家合作单位</span>
        <div class="smallBox">
          <div class="line"></div>
          <div class="triangle-down"></div>
        </div>
      </div>
      <div class="condition">
        <ul class="living">
          <li><img src="images/logo/person/panda.png" alt=""></li>
          <li><img src="images/logo/person/panda_code.jpeg" alt=""></li>
        </div>
      </div>
    </div>
    <div class="white">
      <div class="moduleTitle">
        <span>特别鸣谢</span>
        <div class="smallBox">
          <div class="line"></div>
          <div class="triangle-down"></div>
        </div>
      </div>
      <div class="condition">
        <ul class="living">
          <li><img class="special" src="images/logo/person/special_invest.png" alt=""></li>
        </div>
      </div>
    </div>
    <div class="white">
      <div class="moduleTitle">
        <span>预选赛区</span>
        <div class="smallBox">
          <div class="line"></div>
          <div class="triangle-down"></div>
        </div>
      </div>
      <div class="condition">
        <ul class="living">
          <li><img src="images/logo/person/yaca.jpeg" alt=""></li>
          <li><img src="images/logo/person/mao.png" alt=""></li>
        </div>
      </div>
    </div>
    <div class="white">
      <div class="moduleTitle">
        <span>支持单位</span>
        <div class="smallBox">
          <div class="line"></div>
          <div class="triangle-down"></div>
        </div>
      </div>
      <div class="condition">
        <ul class="supporting">
          <li><span><img src="images/logo/tending_logo.png" alt=""></span></li>
          <li><img src="images/logo/sward_logo.png" alt=""></li>
          <li><img src="images/logo/defend_logo.png" alt=""></li>
          <li><img src="images/logo/luniu_logo.png" alt=""></li>
          <li><img src="images/logo/world_logo.png" alt=""></li>
          <li><img src="images/logo/yinhe_logo.png" alt=""></li>
          <li><img src="images/logo/gude_logo.png" alt=""></li>
          <li><img src="images/logo/yipeng_logo.png" alt=""></li>
          <li><img src="images/logo/dou_logo.png" alt=""></li>
          <li><img src="images/logo/feng_logo.png" alt=""></li>
          <li><img src="images/logo/nong_logo.png" alt=""></li>
          <li><span><img src="images/logo/miao_logo.png" alt=""></span></li>
          <li><img src="images/logo/sheng_logo.png" alt=""></li>
        </div>
      </div>
    </div>
    <div class="white">
      <div class="moduleTitle">
        <span>合作媒体</span>
        <div class="smallBox">
          <div class="line"></div>
          <div class="triangle-down"></div>
        </div>
      </div>
      <div class="coo_condition">
        <ul class="cooperation">
          <li><span><img src="images/logo/media_logo/178ACG(Logo).png" alt=""></span></li>
          <li><img src="images/logo/media_logo/1800x600_www.png" alt=""></li>
          <li><img src="images/logo/media_logo/20130808180631141.png" alt=""></li>
          <li><img src="images/logo/media_logo/aimanwenhua.jpg" alt=""></li>
          <li><img src="images/logo/media_logo/aimanzhan.png" alt=""></li>
          <li><img src="images/logo/media_logo/chengxinshe.png" alt=""></li>
          <li><img src="images/logo/media_logo/ciyuanbianjing.png" alt=""></li>
          <li><img src="images/logo/media_logo/ciyuanjie.png" alt=""></li>
          <li><img src="images/logo/media_logo/dongmanzhijia.png" alt=""></li>
          <li><img src="images/logo/media_logo/erciyuanxianchang.jpg" alt=""></li>
          <li><img src="images/logo/media_logo/eciyuanxiaowo.png" alt=""></li>
          <li><span><img src="images/logo/media_logo/gongkouACG.jpg" alt=""></span></li>
          <li><img src="images/logo/media_logo/hexieshe.png" alt=""></li>
          <li><img src="images/logo/media_logo/maimeng.jpg" alt=""></li>
          <li><img src="images/logo/media_logo/manhuacheng.png" alt=""></li>
          <li><img src="images/logo/media_logo/manmi.jpg" alt=""></li>
          <li><img src="images/logo/media_logo/manyingweb.png" alt=""></li>
          <li><img src="images/logo/media_logo/manyingwebLarge.jpg" alt=""></li>
          <li><img src="images/logo/media_logo/man_area.png" alt=""></li>
          <li><img src="images/logo/media_logo/manzhan_ba.png" alt=""></li>
          <li><img src="images/logo/media_logo/mengman.png" alt=""></li>
          <li><img src="images/logo/media_logo/menghuanDream.jpg" alt=""></li>
          <li><img src="images/logo/media_logo/paomianjun.png" alt=""></li>
          <li><img src="images/logo/media_logo/sanmanshe.png" alt=""></li>
          <li><img src="images/logo/media_logo/shunwang.jpg" alt=""></li>
          <li><img src="images/logo/media_logo/xiaoxu_music.png" alt=""></li>
          <li><img src="images/logo/media_logo/logos1.png" alt=""></li>
          <li><img src="images/logo/media_logo/sina_dongman.jpg" alt=""></li>
          <li><img src="images/logo/media_logo/xiongzhua.png" alt=""></li>
          <li><img src="images/logo/media_logo/ziyan.png" alt=""></li>
          <li><img src="images/logo/media_logo/anicoga.png" alt=""></li>
          <li><img src="images/logo/media_logo/aninews2.png" alt=""></li>
          <li><img src="images/logo/media_logo/C3Dongman.png" alt=""></li>
          <li><img src="images/logo/media_logo/jpbeta.png" alt=""></li>
          <li><img src="images/logo/media_logo/LAZhan.png" alt=""></li>
          <li><img src="images/logo/media_logo/logo.png" alt=""></li>
          <li><img src="images/logo/media_logo/xianyu.png" alt=""></li>
          <li><img src="images/logo/media_logo/MZhanNew.png" alt=""></li>
          <li><img src="images/logo/media_logo/pangci_a.png" alt=""></li>
          <li><img src="images/logo/media_logo/sosg_noDi.png" alt=""></li>
          <li><img src="images/logo/media_logo/yimoe.png" alt=""></li>
        </div>
      </div>
    </div>

  <div class="footer">
    <img class="bottomImg" src="images/bottom.jpg" alt="">
    <span class="title">
      主办:广州午后音乐创作有限公司(p.m.works.CHINA)
    </span>
    <div class="array">
        <a href="http://www.yz.gz.cn/" target="_blank">协办:广州市源子文化传播有限公司</a><a href="http://pm-works.jp/" target="_blank"> p.m.works株式会社 ( 日本 ) </a><a href="http://threenine.co.jp/" target="_blank">·有限会社three nine entertainment(日本)</a>
      <a href="http://www.miitbeian.gov.cn/" target="_blank">ICP备11100632号-5</a>
    </div>
  </div>
</div>
<div class="nav" data="off" id="listFirst">
  <div class="middle back1">
    <p class="pBold">【初 选 合 格 名 单】</p>
    <p>练※月</p>
    <p>马※</p>
    <p>唐※</p>
    <p>李※</p>
    <p>蒋※懿</p>
    <p>李※希</p>
    <p>刘※炎</p>
    <p>阮※晗</p>
  </div>
</div>
<div class="nav" data="off" id="listSecond">
  <div class="middle back2">  
    <p class="pBold">【初 选 合 格 名 单】</p>
    <p>卿※</p>
    <p>邓※怡</p>
    <p>张※谊</p>
    <p>刘※滢</p>
    <p>徐※尼</p>
    <p>黄※馨</p>
    <p>吴※玉</p>
    <p>徐※仪</p>
    <p>陈※茵</p>
    <p>李※</p>
    <p>刘※蓝</p>
    <p>周※云</p>
    <p>周※彤</p>
    <p>梁※雯</p>
    <p>杨※萍</p>
    <p>余※欣</p>
    <p>方※薇</p>
    <p>王※※滢</p>
  </div>
</div>
<div class="showPic" id="imageView_container">
  <img id="testImg0" src="images/bmzwz_album.jpeg" alt="">
  <img id="testImg1" src="images/cqh_album.jpeg" alt="">
  <img id="testImg2" src="images/qtzy_album.jpeg" alt=""/>
</div>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1263570717'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1263570717%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
<script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
<script src="dist/zoomify.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/move.js/0.5.0/move.min.js"></script>
<script type="text/javascript">
  var widths = window.innerWidth;
  var heights = window.innerHeight;
  window.onresize = function () {
    widths = window.innerWidth;
    heights = window.innerHeight;
  }
  $("#listFirst").click(function (){
      var status = $(this).attr('data');
      if(status == 'off'){
          $(this).css('position','fixed');
          move("#listFirst").set('width',widths+'px').set('height',heights+'px').end();
          $(this).attr('data','on');
          $(this).css('visibility','visible');
      }else{
          $(this).css('position','absolute');
          move("#listFirst").set('width','10px').set('height','10px').end();
          $(this).attr('data','off');
          $(this).css('position','');
          $(this).css('visibility','hidden');
      }
  });
  $("#listSecond").click(function (){
      var status = $(this).attr('data');
      if(status == 'off'){
          $(this).css('position','fixed');
          move("#listSecond").set('width',widths+'px').set('height',heights+'px').end();
          $(this).attr('data','on');
          $(this).css('visibility','visible');
      }else{
          move("#listSecond").set('width','10px').set('height','10px').end();
          $(this).attr('data','off');
          $(this).css('position','');
          $(this).css('visibility','hidden');
      }
  })
  window.onload = function () {
    var video, output;
    var scale = 0.8;
    var initialize = function() {
      output = document.getElementById("output");
      video = document.getElementById("video");
      video.addEventListener('loadeddata', captureImage);
    };
    var captureImage = function() {
      var canvas = document.createElement("canvas");
      canvas.width = video.videoWidth * scale;
      canvas.height = video.videoHeight * scale;
      canvas.getContext('2d').drawImage(video, 0, 0, canvas.width,
              canvas.height);

      var img = document.createElement("img");
      img.src = canvas.toDataURL("image/png");
      img.width = 400;
      img.height = 300;
      output.appendChild(img);
    };

    //图片展示
    $('#imageView_container img').zoomify();
  }
  function zoomPic(type) {
    if (type == 0) {
      $('#testImg0').click();
    }else if (type == 1) {  
      $('#testImg1').click();
    }else if (type == 2) {
      $('#testImg2').click();
    };
  }
  function showList(type) {
    if (type == 1) {
      $("#listFirst").click();
    }else if (type == 2) {
      $("#listSecond").click();
    };
  }
  function loadXMLDoc()
  {
    var url = "https://s22.cnzz.com/z_stat.php?id=1263570717&web_id=1263570717";

    var newScriptElement = document.createElement("script");     //需要动态创建<script>，因为每次一个就只能发送一个请求，由于需要时时更新，所以就使用动态创建
    newScriptElement.setAttribute("src", url);
    newScriptElement.setAttribute("id", "jsonp");
    var oldScriptElement = document.getElementById("jsonp");
    var head = document.getElementsByTagName("head")[0];

    if(oldScriptElement == null){                              //判断是追加或者是替换
      head.appendChild(newScriptElement);
    }else{
      head.replaceChild(newScriptElement,oldScriptElement);

    }
//    var xmlhttp;
//    if (window.XMLHttpRequest)
//    {// code for IE7+, Firefox, Chrome, Opera, Safari
//      xmlhttp=new XMLHttpRequest();
//    }
//    else
//    {// code for IE6, IE5
//      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
//    }
//    xmlhttp.onreadystatechange=function()
//    {
//      if (xmlhttp.readyState==4 && xmlhttp.status==200)
//      {
//        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
//      }
//    }
//    xmlhttp.open("GET","https://s22.cnzz.com/z_stat.php?id=1263570717&web_id=1263570717",true);
//    xmlhttp.setRequestHeader("Origin","*")
//    xmlhttp.send();
  }
</script>
</body>
</html>
